import { Image } from '@tarojs/components'
import { ImageProps } from '@tarojs/components/types/Image'
import Taro from '@tarojs/taro'

type propsType = {
    src: string,
    mode?: ImageProps.mode | any,
    className: string,
    onClick?: () => void
}

const defaultVal = {
    src: '',
    mode: 'aspectFill',
    className: '',
}

export default function MyImage(props: propsType = defaultVal) {
    const { src, mode, className, onClick } = props
    function handleClick() {
        if (onClick) {
            onClick()
        } else {
            Taro.chooseImage({
                count: 1, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
                success: function (res) {
                    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
                    var tempFilePaths = res.tempFilePaths
                    console.log(tempFilePaths);
                }
            })
        }
    }
    return (
        <Image src={src} className={className} mode={mode} onClick={handleClick}></Image>
    )
}